<!--
 * @Author: your name
 * @Date: 2022-07-05 13:18:01
 * @LastEditors: golddream
 * @LastEditTime: 2022-08-04 19:49:17
 * @FilePath: /gua-dev-starter/src/modules/index.vue
 * @Description:
 * Copyright (c) 2022 by Oscar Young daihl@neusoft.com, All Rights Reserved.
-->
<template>
  <GuaLayout mode="head" height="100vh" header-height="50px">
    <template #header>
      <GuaHeader class="pr-20px">
        <template #toolbar>
          <el-switch
            v-model="isDark"
            class="mt-2"
            style="margin-left: 24px"
            inline-prompt
            :active-icon="Moon"
            :inactive-icon="Sunny"
          />
        </template>
      </GuaHeader>
    </template>
    <template #content>
      <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
        <h1 class="text-3xl">欢迎使用前端开发种子工程</h1>
        <br />
        <section>
          <el-link type="primary" href="http://oscoe.neusoft.com:32297" rel="external nofollow" target="_blank">
            <h2>文档库地址</h2></el-link
          ><br />
          <el-link type="primary" href="http://oscoe.neusoft.com:31543" rel="external nofollow" target="_blank">
            <h2>组件库帮助文档</h2></el-link
          ><br />
          <el-link type="primary" href="http://oscoe.neusoft.com:32297" rel="external nofollow" target="_blank">
            <h2>confluence 请使用公司邮箱名和密码登录</h2></el-link
          ><br />
          <el-link type="primary" href="http://oscoe.neusoft.com:32297" rel="external nofollow" target="_blank">
            <h2>mock server 请使用公司邮箱名和密码登录</h2></el-link
          ><br />
        </section>
      </div>
    </template>
  </GuaLayout>
</template>
<script setup lang="ts">
import { useDark } from '@vueuse/core'
import { Sunny, Moon } from '@element-plus/icons-vue'
const isDark = useDark()
</script>
